@import "variate";
// 修改默认样式
body {
  height: 100%;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Arial;
  overflow: hidden;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
  overflow: hidden;
}
a{
  color: $black;
  text-decoration: none;
}
*{
  margin: 0;
}
// 清除浮动
.clearfix {
  &:before,
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
// 内容区域
.layout{
  width: 1200px;
  margin: 0 auto;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3715494 */
  src: url('//at.alicdn.com/t/c/font_3715494_9r0ikjlsvv8.woff2?t=1719818478062') format('woff2'),
       url('//at.alicdn.com/t/c/font_3715494_9r0ikjlsvv8.woff?t=1719818478062') format('woff'),
       url('//at.alicdn.com/t/c/font_3715494_9r0ikjlsvv8.ttf?t=1719818478062') format('truetype');
}
.iconfont{
  display:inline-block;
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

@font-face {
  font-family: "iconfontMedia"; /* Project id 4043941 */
  src: url('//at.alicdn.com/t/c/font_4043941_3dpravjfq88.woff2?t=1699612365586') format('woff2'),
  url('//at.alicdn.com/t/c/font_4043941_3dpravjfq88.woff?t=1699612365586') format('woff'),
  url('//at.alicdn.com/t/c/font_4043941_3dpravjfq88.ttf?t=1699612365586') format('truetype');
}

.iconfontMedia {
  font-family: "iconfontMedia" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

li{
  list-style: none;
}


.border-none {
  border-style: none!important
}
.w-80 {
  width: 320px;
}
.mr-4 {
  margin-right: 16px;
}
.flex {
  display: flex;
}
.min-w-0 {
  min-width: 0
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-col {
  flex-direction: column
}
.\!items-start {
  align-items: flex-start!important
}
.footer-btns {
  height: 60px;
  .footer-btns__content {
      position: fixed;
      bottom: 0;
      height: 60px;
      right: 0;
      left: 0;
      z-index: 99;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--el-bg-color);
      --tw-shadow: var(--el-box-shadow);
      --tw-shadow-colored: var(--el-box-shadow);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  }
}
.justify-center {
  justify-content: center
}
.items-center {
  align-items: center;
}
@media (min-width:640px) {
  .sm\:w-80 {
      width: 320px;
  }
  .sm\:flex {
      display: flex;
  }
}
.inner-page-detail-content{
  img{
    max-width: 100%;
  }
  li{
    list-style: unset;
  }
}
